<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Color panel overview</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSfd1234e1c4b69f30ea53e41001031ab64-73b1a.html" title="Change the color picker"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSCB873E3B-4A75-4dac-AD27-FC34F0DBE456a.html" title="Select a color in the Color panel"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-73efa.html">Color</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html"><b>Choosing colors</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Color panel overview
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSBCA2F7E1-DA09-4ff9-9E49-BB5D94B1E494a"><h1 class="topictitle1">Change the color model of the Color panel sliders</h1>
</a></p></li><li><p><a href="#WS494BCF45-FA06-4ba1-9226-A91387992692a"><h1 class="topictitle1">Change the spectrum displayed in the Color panel</h1>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><p>The Color panel (Window&#160;&gt;
Color) displays the color values for the current foreground and
background colors. Using the sliders in the Color panel, you can edit
the foreground and background colors using different color models.
You can also choose a foreground or background color from the spectrum
of colors displayed in the color ramp at the bottom of the panel. </p>
<div class="fignone"><img alt="" id="wc_color_palette" src="images/wc_color_palette.png" /><div class="figdesc">Color panel </div><br /><dl><dt class="dlterm">A.</dt>
<dd>Foreground color</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Background
color</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>Slider</dd><p class="dlseparator"></p><dt class="dlterm">D.</dt>
<dd>Color
ramp</dd><p class="dlseparator"></p></dl>
</div><p>The Color panel may display the following alerts when you select
a color:</p>
<ul><li><p>An exclamation point inside a triangle&#160;<img src="images/P_Warning_Sm_N.png" /> appears
above the left side of the color ramp when you choose a color that
cannot be printed using CMYK inks.</p>
</li>
<li><p>A sqaure&#160;<img src="images/square_not_web_safe.png" /> appears
above the left side of the color ramp when you choose a color that
is not web-safe.</p>
</li>
</ul>
</div>
<div id="WSBCA2F7E1-DA09-4ff9-9E49-BB5D94B1E494a" class="nochunk"><a name="WSBCA2F7E1-DA09-4ff9-9E49-BB5D94B1E494a"></a><h3 class="topictitle3">Change the color model of the Color panel sliders</h3><div><div class="p"><span><img src="images/dingbat.png" />&#160;Choose a Sliders option from the Color
panel menu.</span></div>
</div></div>
<div id="WS494BCF45-FA06-4ba1-9226-A91387992692a" class="nochunk"><a name="WS494BCF45-FA06-4ba1-9226-A91387992692a"></a><h3 class="topictitle3">Change the spectrum displayed in the Color panel</h3><div><ol><li class="stepexpand"><span>Choose an option from the Color panel
menu:</span><ul><li><p>RGB Spectrum, CMYK Spectrum, or Grayscale
Ramp to display the spectrum of the specified color model.</p>
</li>
<li><p>Current Colors to display the spectrum of colors
between the current foreground color and the current background
color.</p>
</li>
</ul>
</li>
<li class="stepexpand"><span>To display only web‑safe colors, choose Make Ramp Web
Safe.</span> <div class="tip"><img src="images/tip_help.png" />To change the spectrum of the color ramp
quickly, Shift-click in the color ramp until you see the spectrum
you want. </div></li>
</ol>
</div></div>

                <div id="related">
                    <div class="separator"><a href="#"><img src="images/BTT.jpg" /></a>&#160;</div>
                    <div><p><a href="WSfd1234e1c4b69f30ea53e41001031ab64-7679a.html">Identify out‑of‑gamut colors</a></p>
</div>
                    <p><a href="http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-73eea.html" title="http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-73eea.html">Color modes (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>